<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS样式使用的三种方式</title>
    <!--
    第二种：内部样式，内嵌样式，通过<style></style>连接编辑
    -->
    <style>
        div{
            color: black;
        }
    </style>
    <!--
    第三种：外部样式，外部定义一个css文件通过link连接
    -->
    <link rel="stylesheet" href="../../css/css_demo.css">
</head>
<body>
    <!--
        第一种：内联样式，使用html的style属性设置样式
    -->
    <div style="width: 100px;height: 100px;border: 1px solid red">
        这是一个div
    </div>
    <div>
        是div
    </div>
</body>
</html>